<template>
  <svg 
    :class="className" 
    :fill="fill" 
    :viewBox="viewBox"
    :width="size"
    :height="size"
  >
    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
  </svg>
</template>

<script setup>
const props = defineProps({
  size: {
    type: [String, Number],
    default: 24
  },
  className: {
    type: String,
    default: 'w-5 h-5'
  },
  fill: {
    type: String,
    default: 'currentColor'
  },
  viewBox: {
    type: String,
    default: '0 0 24 24'
  }
})
</script>
